<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后台首页</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script type="text/javascript"></script>
		<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="top">
			<div id="top_t">
				<div id="logo" class="fl"></div>
				<div id="photo_info" class="fr">
					<div id="photo" class="fl">
						<a href="#"><img src="img/a.png" alt="" width="60" height="60"></a>
					</div>
					<div id="base_info" class="fr">
						<div class="help_info">
							<a href="1" id="hp"></a>
							<a href="2" id="gy"></a>
							<a href="3" id="out"></a>
						</div>
						<div class="info_center">
							admin
							<span id="nt">通知</span><span><a href="#" id="notice">3</a></span>
						</div>
					</div>
				</div>
			</div>
			<div id="side_here">
				<div id="side_here_l" class="fl"></div>
				<div id="here_area" class="fl">当前位置</div>
			</div>
		</div>
		<div class="side">
			<div class="sideMenu" style="margin: 0 auto">
				<h3 class="turn">人员信息管理</h3>
				<ul>
					<li class="on" ><a href="列表界面.html" target="right">人员信息</a></li>
					<li>添加信息</li>
					<li>启用信息</li>
				</ul>
				<h3 class="turn">出勤管理</h3>
				<ul>
					<li>出勤情况</li>
					<li>每月出勤</li>
					<li>当日出勤</li>
				</ul>
				<h3 class="turn">系统管理</h3>
				<ul>
					<li>角色管理</li>
					<li>权限管理</li>
					<li>角色分配</li>
					<li>登录日志</li>
					<li>系统配置</li>
				</ul>
			</div>
		</div>
		<div class="main">
			<iframe name="right" id="rightMain" frameborder="no" scrolling="auto" width="100%" height="auto" allowtransparency="yes"></iframe><!--不显示框架周围边框 在需要的情况下出现滚动条 嵌套透明-->
		</div>
		<div class="bottom">
			<div id="bottom_bg">版权</div>
		</div>
		<div class="scroll">
			<a href="javascript:;" class="per" title="使鼠标滚轴滚动侧栏" onclick="menuScroll(1);"></a>
			<a href="javascript:;" class="next" title="使鼠标滚轴滚动侧栏" onclick="menuScroll(2);"></a>
		</div>
	</body>
</html>
<script>
	$(".turn").on("click",function(){
		$(this).next().slideToggle();
	});
	
	
</script>